<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Amaze UI Admin index Examples</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="__CDN__/assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="__CDN__/assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="stylesheet" href="__CDN__/assets/libs/amazeui/dist/css/amazeui.css" />
    <!-- <link rel="stylesheet" href="__CDN__/assets/css/amazeui.datatables.min.css" /> -->
    <link rel="stylesheet" href="__CDN__/assets/css/app.css">
    <script src="__CDN__/assets/js/jquery.min.js"></script>
    {include file="common/meta" /}
</head>

<body data-type="login">
    <script src="__CDN__/assets/js/theme.js"></script>
    <div class="am-g tpl-g">
        <!-- 风格切换 -->
        <div class="tpl-skiner">
            <div class="tpl-skiner-toggle am-icon-cog">
            </div>
            <div class="tpl-skiner-content">
                <div class="tpl-skiner-content-title">
                    选择主题
                </div>
                <div class="tpl-skiner-content-bar">
                    <span class="skiner-color skiner-white" data-color="theme-white"></span>
                    <span class="skiner-color skiner-black" data-color="theme-black"></span>
                </div>
            </div>
        </div>
          <div class="tpl-login">
            <div class="tpl-login-content">
                <div class="tpl-login-title">注册用户</div>
                <span class="tpl-login-content-info">
                  创建一个新的用户
              </span>


                <form action="" method="POST" id="register" class="am-form tpl-form-line-form">
                    <div class="am-form-group">
                        <input type="text" class="tpl-form-input" name="account" id="account" placeholder="请输入手机号码获邮箱">

                    </div>

                    <div class="am-form-group">
                        <input type="text" class="tpl-form-input" name="username" id="user-name" placeholder="请输入6-8位字符（含数字过字母）">
                    </div>
                    <div class="am-form-group">
                        <input type="text" style="width: 67%;float: left;margin-right: 3%" class="tpl-form-input" name="captcha"  placeholder="验证码">
                        <span class="button">
                            <input class="am-btn am-btn-warning" type="button" name="btn" id="changeStyle" value="获取验证码"  onclick="settime(this);" style="width: 30%;background: #eaa410;cursor: pointer;float: left;"/>
                        </span>
                    </div>
                    <div class="am-form-group">
                        <input type="password" class="tpl-form-input" name="password"  placeholder="登录密码">
                    </div>

                    <div class="am-form-group">
                        <input type="password" class="tpl-form-input" name="compassword"  placeholder="确认登录密码">
                    </div>
                    <div class="am-form-group">
                        <input type="password" class="tpl-form-input" name="paypassword"  placeholder="资金密码">
                    </div>

                    <div class="am-form-group">
                        <input type="password" class="tpl-form-input" name="compaypassword"  placeholder="确认资金密码">
                    </div>
                    <div class="am-form-group">
                        <input type="text" name="refer_username" class="tpl-form-input"  placeholder="推荐人邀请码">
                    </div>
                    
                    <div class="am-form-group tpl-login-remember-me">
                       <!--  <input id="remember-me" type="checkbox"> -->
                        <label for="remember-me">
       
                    <!--     我已阅读并同意 <a href="javascript:;">《用户注册协议》</a>  -->
                         </label>

                    </div>
                    <div class="am-form-group">

                        <button type="submit" class="am-btn am-btn-primary btn-loading-example  am-btn-block tpl-btn-bg-color-success  tpl-login-btn">提交</button>
                         <p style="text-align: center;margin: 15px 0 -1.4rem 0;"><a style="color: #999;" href="{:url('auth/login')}" title="">登录</a></p>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <style type="text/css">
        .theme-black .am-form input[type=color]:focus, .am-form input[type=date]:focus, .am-form input[type=datetime-local]:focus, .am-form input[type=datetime]:focus, .am-form input[type=email]:focus, .am-form input[type=month]:focus, .am-form input[type=number]:focus, .am-form input[type=password]:focus, .am-form input[type=search]:focus, .am-form input[type=tel]:focus, .am-form input[type=text]:focus, .am-form input[type=time]:focus, .am-form input[type=url]:focus, .am-form input[type=week]:focus, .am-form select:focus, .am-form textarea:focus, .am-form-field:focus {
            background-color: inherit;
            border-color: #3bb4f2;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(59,180,242,.3);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(59,180,242,.3);
        }
    </style>
    
    <script type="text/javascript">
        $('.btn-loading-example').click(function () {
          var $btn = $(this)
          $btn.button('loading');
            setTimeout(function(){
              $btn.button('reset');
          }, 5000);
        });
        var countdown=60;  
        function settime(val) {  
            if (countdown == 0) {  
                val.removeAttribute("disabled");  
                val.value="获取验证码";  
                countdown = 60;  
                return false;  
            } else {  
                val.setAttribute("disabled", true);  
                val.value="重新发送(" + countdown + ")";  
                countdown--; 
                

            }  
            setTimeout(function() {  
                settime(val);  
            },1000);

           
        }  
    </script>
    
    <script src="__CDN__/assets/libs/amazeui/dist/js/amazeui.min.js"></script>
    <script src="__CDN__/assets/js/app.js"></script>
    {include file="common/script" /}
</body>

</html>